<html>
 <head>
	<title>[var.TITLE]</title>
	<link href="[var.ROOT_CSS_DIR]/main.css" rel="STYLESHEET" type="text/css" charset="iso-8859-1" hreflang="en-us">
	<link href="[var.ROOT_CSS_DIR]/facet/style.css" rel="STYLESHEET" type="text/css" charset="iso-8859-1" hreflang="en-us">	
        <script type="text/javascript" src="[var.ROOT_DIR]js/common.js"></script>
	<script type="text/javascript" src="[var.ROOT_DIR]js/doiMenuDOM.js"></script>
	<script type="text/javascript" src="[var.ROOT_DIR]js/functions.js"></script>
	<script type="text/javascript" src="[var.ROOT_DIR]js/jsmenu.php"></script>
	<script type="text/javascript" src="[var.ROOT_DIR]js/jsmenu.cfg"></script>
	<script type="text/javascript" src="[var.ROOT_DIR]js/jsmasks.js"></script>
 </head>
 <body bgcolor="FFFFFF" topmargin="0" leftmargin="0" marginheight="0" marginwidth="0">
	<table border="0" cellspacing="0" cellpadding="0" width="100%" align="[var.POSITION]">
		<tr>
			<td>[tbs_include.onshow;file=[var.HTMLHeader];getob;]</td>
		</tr>
		<tr>
			<td>
			<table border="0" cellspacing="0" cellpadding="0" width="100%">
				<tr>
					<td class="mainmenu2"><img src="images/spacer.gif" height="1" width="1"></td>
				</tr>				
				<tr>
					<td style="background-color=whitesmoke" >
					<table border="0" cellspacing="0" cellpadding="0" width="100%">
						<tr>
							<td>
      			  			<script language="JavaScript" type="text/JavaScript">menu.Build();</script>
						  	</td>
						  <td class="head-login">Login as [var.USERPROFILE_NAME]</td>
						</tr>
					  </table>
					</td>
				</tr>
				<tr>
					<td class="mainmenu2"><img src="images/spacer.gif" height="1" width="1"></td>
				</tr>				
			</table>
			</td>
		</tr>
		<tr height="100%">
			<td>
			<table border="0" cellspacing="0" cellpadding="0" width="100%" height="100%">
				<tr valign="top">
					<td width="100%">
						<table border="0" cellspacing="0" cellpadding="0" width="100%">			
							<tr>
								<td class="head-path"></td>
								<td class="corner-date">[var.CORNER_DATE]</td>
							</tr>
						</table>
						<table border="0" cellspacing="0" cellpadding="5" width="100%">
							<tr>
								<td class="FacetHeaderContent" align="left">.:[var.SubHeaderTitle]:. </td>
							</tr>
						</table>
						<table border="0" cellspacing="0" cellpadding="5" width="100%">
							<tr>
								<td class="contentTitle">
								Menu
								</td>
							</tr>
							<tr>
								<td class="content2">
								<table cellspacing="2" cellpadding="0">
								 <tr>
								   <td>
								     <input type="button" name="Action" value="Done" class="button" onClick="self.location.replace('[var.SERVER_URL]')">
								   </td>
								   <td align="right">
								    <input type="button" name="Action" value="Print To PDF" class="button" onClick="SubmitTo ()">
								   </td>
								   <td align="right">
								    <input type="button" name="Action" value="Export To CSV Excel" class="button" onClick="SubmitToExcel ()">
								   </td>								   

								 </tr>
								</table>
								</td>
							</tr>
							<tr>
								<td class="content2">
									<table border="0" cellspacing="0" cellpadding="0">
									<form name='[var.HTMLGridList]'>
										<tr>
											<td class="fieldCaption" align="right">Date</td>
											<td class="fieldCaption">:</td>
											<td>
											  <select name="searchMonth" class="input">
											   <option value="[monthformblk.id]">[monthformblk.month;block=option]</option>
											  </select>
											  <select name="searchYear" class="input">
											   <option value="[yearformblk.year]">[yearformblk.year;block=option]</option>
											  </select>
											  </td>
										</tr>
                      <script>
                       oDateMask   = new Mask('dd/mm/yyyy','date')
                       oDateMask.attach(document.[var.HTMLGridList].agingDate)
                      </script>
										<tr>
											<td class="fieldCaption" align="right">Currency</td>
											<td class="fieldCaption">:</td>
											<td>
											<select name="curr" class="input">
		                   <option value="">-</option>
		                   <option value="[currblk.tusymbol]">[currblk.tusymbol;block=option]</option>
											</select>
											</td>
										</tr>
										<tr>
                       <td class="fieldCaption" align="right">Debtur</td>
                       <td class="fieldCaption">:</td>
                       <td>
                       <input type=text name="debturCode" value="" size="5" class="input" maxlength="64" onclick="GetDebtur()">
                       <input type=text name="debnam" value="" size="25" class="input" maxlength="64" readonly>
                       </td>
										</tr>
										<tr>
                       <td class="fieldCaption" align="right">Office</td>
                       <td class="fieldCaption">:</td>
                       <td>
                       <select name="office" class="input" >
                               <option value="">-</option>
                               <option value="[officeformblk.ktrasl]">[officeformblk.ktrasl]-[officeformblk.ktrnam;block=option]</option>
                               <option>[var.office;selected;noerr]</option>
                       </select>
                       </td>
					</tr>
					<tr>
						<td class="menuHeader"></td>
						<td class="menuHeader"></td>
						<td class="menuHeader"></td>
					</tr>
							</form>
							</table>								
						</td>
					</tr>
					<tr>
						<td>
						</td>
					</tr>														
					<tr>
						<td >&nbsp;</td>
					</tr>							
						</table>					
					</td>
				</tr>
			</table>

			</td>
		</tr>
		<tr>
			<td>
			<table border="0" cellspacing="0" cellpadding="0" width="100%">
				<tr>
					<td class="footer1"><img src="images/spacer.gif" height="1" width="1"></td>
				</tr>
				<!--tr>
					<td class="footer2">Prototype Test - Web Application</td>
				</tr-->
			</table>
			</td>
		</tr>		
 	</table>
 </body>
<iframe width="174" height="189" name="gToday:normal:agenda.js" id="gToday:normal:agenda.js" src="[var.ROOT_DIR]js/Calendar/pop/ipopeng.htm" scrolling="no" frameborder="0" style="LEFT: -500px; POSITION: absolute; TOP: 0px; VISIBILITY: visible; Z-INDEX: 999"></iframe> 
<script>
function GetDebtur() {
	newwin = window.open("ais_report_debtur_picker.php?FormName=[var.HTMLGridList]","toolcalc","height=400,width=640,noscroll,resizable");	
}

function SubmitTo () {
	parameterize = '';
	if (CheckRequire()) {
 	  var month = document.[var.HTMLGridList].searchMonth;
	  var year = document.[var.HTMLGridList].searchYear;
	  parameterize += '&searchMonth='+month.options[month.selectedIndex].value;
	  parameterize += '&searchYear='+year.options[year.selectedIndex].value;
	  parameterize += '&office='+document.[var.HTMLGridList].office.value
	  parameterize += '&debturCode='+document.[var.HTMLGridList].debturCode.value;
	  parameterize += '&curr='+document.[var.HTMLGridList].curr.value;
          
	  str_url = '[sys.script_name]?PageMode=PDF'+parameterize;
	  OpenPDF(str_url,"reportPDF");
	  return false;
	} else {
	  return false;
	}
}

function SubmitToExcel () {
	parameterize = '';
	if (CheckRequire()) {
	  parameterize += '&agingDate='+document.[var.HTMLGridList].agingDate.value
	  parameterize += '&office='+document.[var.HTMLGridList].office.value
	  parameterize += '&vendor='+document.[var.HTMLGridList].debturCode.value;
	  parameterize += '&curr='+document.[var.HTMLGridList].curr.value;
          
	  str_url = '[sys.script_name]?PageMode=Excel'+parameterize;
	  OpenPDF(str_url,"reportPDF");
	  return false;
	} else {
	  return false;
	}
}


function CheckRequire() {
/*	agingDate   = document.[var.HTMLGridList].agingDate.value;
	office      = document.[var.HTMLGridList].office.value;
       customer    = document.[var.HTMLGridList].debturCode.value;
	if ((agingDate.length>0)) return true;
	else return false;*/
	return true;
}

 </script>
</html>
